<template>

     <van-cell class="comment-item">
        <van-image
  slot="icon"
  class="avatar"
  round
  fit="cover"
  :src="comment.aut_name"
/>
<div slot="title" class="title-wrap">
    <div class="user-name">{{comment.aut_name}}</div>
    <van-button class="like-btn" icon="good-job-o">{{comment.like_count || '赞'}}</van-button>
</div>
<div slot="label">
    <p class="comment-content">{{comment.content}}</p>
    <span class="bottom-info">{{comment.pubdate | relative}}</span>
    <van-button class="reply-btn" round>回复{{comment.reply_count}}</van-button>
</div>
   </van-cell>
</template>

<script>
export default {
  name: 'commentItem',
  props: {
    comment: {
      type: Object,
      default: () => ({})
    }
  },
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="less" scoped>

</style>
